<div id="categories">
    <h2 class="cs-title">分类目录</h2>
    <div id="cat-1" class="cs-item">
        <span><a href="<?php bloginfo('url'); ?>/articles/category/general/">8码卦乱弹 }}</a></span>
        <p><a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/general/about-life/">人生随想</a>/<a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/general/opinions-and-comments/">时事观评</a></p>
    </div>
    <div id="cat-2" class="cs-item">
        <span><a href="<?php bloginfo('url'); ?>/articles/category/web-notes/">爬网随录 }}</a></span>
        <p><a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/web-notes/avp/">影音图片</a>/<a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/web-notes/www-tech/">网络技术</a>/<a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/web-notes/wordpress-tips/">wordpress</a></p>
    </div>
    <div id="cat-3" class="cs-item">
        <span><a href="<?php bloginfo('url'); ?>/articles/category/china-wisdom/">国学杂记 }}</a></span>
        <p><a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/china-wisdom/jingshi/">经史</a>/<a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/china-wisdom/zhuzi/">诸子百家</a>/<a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/china-wisdom/china-medicine/">中医</a></p>
    </div>
    <div id="cat-4" class="cs-item">
        <span><a href="<?php bloginfo('url'); ?>/articles/category/west-wisdom/">西学杂记 }}</a></span>
        <p><a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/west-wisdom/world-history/">世界历史</a>/<a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/west-wisdom/west-thoughts/">西方哲学</a>/<a class="cat-child" href="<?php bloginfo('url'); ?>/articles/category/west-wisdom/business-administration/">商业管理</a></p>
    </div>
</div>
